import { Checkbox } from 'antd';
import React from 'react';
import type { CheckboxProps } from 'antd';
import styles from './style.module.less';

interface MyCheckboxInterface extends React.FC<CheckboxProps> {
  Group: typeof Checkbox.Group;
}

const MyCheckbox: MyCheckboxInterface = (props) => {
  const { className = '', ...rest } = props;
  return (
    <div className={styles.checkboxWrapper}>
      <Checkbox className={className} {...rest} />
    </div>
  );
};

MyCheckbox.Group = Checkbox.Group;

export default MyCheckbox; 